<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单对象的属性过滤器的示例</title>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("input:checked").css("background-color","red");//设置选中的复选框的背景颜色
		$("input:disabled").val("我是不可用的");            //为灰色不可用按钮赋值
	});
	function selectVal(){							 //下拉列表框变化时执行的方法
		alert($("select option:selected").val());      //显示选中的值
	}
</script>
</head>
<body>
<form>
  复选框1： <input type="checkbox" checked="checked" value="复选框1"/>
  复选框2： <input type="checkbox" checked="checked" value="复选框2"/>
  复选框3：  <input type="checkbox" value="复选框3"/><br />
  不可用按钮：  <input type="button" value="不可用按钮" disabled><br />
  下拉列表框：
  <select onchange="selectVal()">
    <option value="列表项1">列表项1</option>
    <option value="列表项2">列表项2</option>
    <option value="列表项3">列表项3</option>
  </select>
</form>
</body>
</html>
